<html>
<head>
    <meta name="layout" content="freshmade">
</head>

<body>
<div id="content-wrapper">
    <div class="center-wrapper">
        <div class="content">
            <div id="featured-wrapper">
                <div id="featured">
                    <div class="left" style="width: 400px">
                        <h2>MyOA for <span>Techmark</span></h2>

                        <p class="large">Welcome to use MyOA system!</p>
                    </div>

                    <div class="clearer">&nbsp;</div>
                    <g:render template="/template/messageBar"/>
                </div>
            </div>

            <div id="main">
                <div class="separator-vertical">
                    <div class="col2 left">
                        <h2 class="left">Work Flow</h2>

                        <div class="right more large">
                            <g:link action='help'><g:message code='home.help'/> &#187;</g:link>
                        </div>

                        <div class="clearer">&nbsp;</div>

                        <div class="content-separator"></div>
                        <g:img file="freshmade/home-company.png" width="64" height="64" alt="" class="left bordered"/>

                        <h3><g:message code="home.company"/></h3>

                        <p><g:message code="home.company.desc"/></p>

                        <p class="large text-center">
                            <g:link controller="company" action="create">Create</g:link>
                            <span class="text-separator">|</span>
                            <g:link controller="company" action="list">List</g:link>
                        </p>

                        <div class="clearer">&nbsp;</div>

                        <div class="content-separator"></div>
                        <g:img file="freshmade/home-employee.png" width="64" height="64" alt="" class="left bordered"/>

                        <h3><g:message code="home.employee"/></h3>

                        <p><g:message code="home.employee.desc"/></p>

                        <p class="large text-center">
                            <g:link controller="employee" action="create">Create</g:link>
                            <span class="text-separator">|</span>
                            <g:link controller="employee" action="list">List</g:link>
                        </p>

                        <div class="clearer">&nbsp;</div>

                        <div class="content-separator"></div>
                        <g:img file="freshmade/home-project.png" width="64" height="64" alt="" class="left bordered"/>

                        <h3><g:message code="home.project"/></h3>

                        <p><g:message code="home.project.desc"/></p>

                        <p class="large text-center">
                            <g:link controller="project" action="create">Create</g:link>
                            <span class="text-separator">|</span>
                            <g:link controller="project" action="list">List</g:link>
                        </p>

                        <div class="clearer">&nbsp;</div>
                    </div>

                    <div class="col2 right">
                        <h2 class="left" style="color: #a2a2a2">Latest Reports</h2>

                        <div class="right more large"><a href="#" style="color: #a2a2a2">Browse All &#187;</a></div>

                        <div class="clearer">&nbsp;</div>
                        <ul class="nice-list">
                            <li><span>2012-06-21 |</span> <a href="#" style="color: #a2a2a2">Opening Soon....</a></li>
                            <li><span>2012-06-21 |</span> <a href="#" style="color: #a2a2a2">广西移动安装实施</a></li>
                            <li><span>2012-09-21 |</span> <a href="#" style="color: #a2a2a2">南方电网安装实施</a></li>
                            <li><span>2013-01-01 |</span> <a href="#" style="color: #a2a2a2">MyOA系统更新</a></li>
                        </ul>

                        <div class="right">
                            <g:img file="freshmade/sample-product.jpg" width="126" height="166"/>
                        </div>
                    </div>

                    <div class="clearer">&nbsp;</div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>